<%@page language="Java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="includes/head.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Zaloguj</title>
</head>
<body>
	<f:view>
		<span id="whole-page-wrapper">
			<div id="wrapper" align="center">
			<%@include file="includes/header.jsp" %>
			<%@include file="includes/menu.jsp" %>	
					
				<div id="content">
					<div id="inner-content">
						<h:form> 
							<h3>Podaj następujące dane:</h3><br>
							<div class="leftAlignedForm">
								<h3>Imię</h3>
								<fieldset>
									<h:inputText id="name" required="true" value="#{user.name}" requiredMessage= "Imię jest wymagane" >
										<f:validator validatorId="letterValidator"/>
									</h:inputText>
									<h:message for="name" />
								</fieldset>
								<h3>Nazwisko</h3>
								<fieldset>
									<h:inputText id="surname" label="surname" required="true" value="#{user.surname}" requiredMessage= "Nazwisko jest wymagane" >
										<f:validator validatorId="letterValidator"/>
									</h:inputText>
									<h:message for="surname" />
								</fieldset>
								<h3>Adres</h3>
								<fieldset>
									<h:inputText id="address" label="address" required="true" value="#{user.address}" requiredMessage= "Adres jest wymagany" />
									<h:message for="address" />
								</fieldset>
								<h3>Login</h3>
								<fieldset>
									<h:inputText  id="login" label="login" required="true" value="#{user.login}" onkeyup="javascript:checkLogin(this)" requiredMessage= "Login jest wymagany" > 
										<f:validator validatorId="letterDigitValidator"/>
									</h:inputText>
									<div id="loginStatus"> Dostępność loginu: - </div>
									<h:message for="login" />
								</fieldset>
								<h3>Hasło</h3>
								<fieldset>
									<h:inputText id="password" required="true" value="#{user.password}" requiredMessage= "Hasło jest wymagane" />
									<h:message for="password"/>
								</fieldset>
								<h3>Potwierdź hasło</h3>
								<fieldset>
									<h:inputText id="repeatpass" required="true" value="#{user.repeatPass}" requiredMessage= "Proszę powtórzyć hasło"/>
									<h:message for="repeatpass"/>
								</fieldset><br>
								<fieldset>
									<h:selectBooleanCheckbox binding="#{registerBean.checkbox}"
					                    id="checkbox"
					                    onchange="submit()"
					                    valueChangeListener="#{registerBean.checkboxOnChange}" >
					                    Jestem pełnoteltni/pełnoletnia i akceptuję regulamin.
					                    </h:selectBooleanCheckbox>
								</fieldset>
								<fieldset>
									<h:commandButton value="Zarejestruj" binding="#{registerBean.submitButton}" action="#{user.register}"/>
								</fieldset>
							</div>
						</h:form>
					</div>
				</div>
				<%@include file="includes/footer.jsp" %>
			</div>
		</span>
	</f:view>
</body>
</html>